// 按钮控制全局指令

// 指令
// import Vue from 'vue'
// import store from '@/store'
// Vue.directive('checkBtn', {
//   // 指令挂载的元素完成渲染时自动执行的钩子函数
//   inserted(el, binding) {
//     console.log('dom元素', el)
//     console.log('指令绑定值', binding)
//     // 控制按钮的显示和隐藏
//     // 核心判断：当前按钮的权限标识能否在points中找到 找到 显示 找不到 隐藏
//     console.log(store.state.user.userInfo)
//     const points = store.state.user.userInfo.roles.points
//     if (!points.includes(binding.value)) {
//       // 没找到 按钮移除 dom层面干掉 css层面
//       el.parentNode.removeChild(el)
//     }
//   }
// })
import store from '@/store'
const checkBtn = {
  install(Vue) {
    Vue.directive('checkBtn', {
      inserted(el, binding) {
        const points = store.state.user.userInfo.roles.points
        // console.log('权限按钮', points)
        if (!points.includes(binding.value)) {
          el.parentNode.removeChild(el)
        }
      }
    })
  }
}

export default checkBtn
